<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>兔小白Blog</title>
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/index.css" rel="stylesheet">
    <link href="/static/css/media.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="/static/js/modernizr.js"></script>
    <![endif]-->

    <script type="text/javascript" src="/static/js/up/jquery.js"></script>
        <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="/static/css/swiper.min.css">
</head>
<body>
{% include "head.html" %}
<article>
  <div class="l_box f_l">
        <div class="banner swiper-container f_l">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#1"><img src="/static/images/img1.jpg"  /></a></div>
			<div class="swiper-slide"><a href="#1"><img src="/static/images/img2.jpg"  /></a></div>
			<div class="swiper-slide"><a href="#1"><img src="/static/images/img3.jpg"  /></a></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>


       <!-- Swiper JS -->
    <script src="/static/js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>

        </div>
    <!--banner代码 结束 -->
    <div class="blank"></div>
    <div class="topnews">
      <h2><b>文章</b>推荐</h2>
      {% for article in articles %}
          <div class="blogs">
            <ul>
              <h3><a href="/getArticleById/{{article.id}}">{{article.title}}</a></h3>
              <p>{{article.body}}</p>
              <p class="autor"><span class="dtime f_l">{{article.created_time}}</span><span class="viewnum f_r">浏览（<a href="/">459</a>）</span><span class="pingl f_r">评论（<a href="/">30</a>）</span></p>
            </ul>
          </div>
      {% endfor %}
    </div>
  </div>
  <div class="r_box f_r">
    <div class="tit01">
      <h3>关注我们</h3>
      <div class="gzwm">
        <ul>
          <li><a class="xlwb" href="#" target="_blank">网站主页</a></li>
          <li><a class="txwb" href="#" target="_blank">联系电话</a></li>
          <li><a class="rss" href="portal.php?mod=rss" target="_blank">邮箱</a></li>
          <li><a class="wx" href="mailto:admin@admin.com"  >微信</a></li>
        </ul>
      </div>
    </div>
    <div class="moreSelect" id="lp_right_select">
      <script>
window.onload = function ()
{
	var oLi = document.getElementById("tab").getElementsByTagName("li");
	var oUl = document.getElementById("ms-main").getElementsByTagName("div");

	for(var i = 0; i < oLi.length; i++)
	{
		oLi[i].index = i;
		oLi[i].onmouseover = function ()
		{
			for(var n = 0; n < oLi.length; n++) oLi[n].className="";
			this.className = "cur";
			for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
			oUl[this.index].style.display = "block"
		}
	}
}
</script>
      <div class="ms-top">
        <ul class="hd" id="tab">
          <li class="cur"><a href="/">点击排行</a></li>
          <li><a href="/">最新文章</a></li>
          <li><a href="/">站长推荐</a></li>
        </ul>
      </div>
      <div class="ms-main" id="ms-main">
        <div style="display: block;" class="bd bd-news" >
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
        <div  class="bd bd-news">
          <ul>
              {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
              {% endfor %}
          </ul>
        </div>
        <div class="bd bd-news">
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      <!--ms-main end -->
    </div>
    <!--切换卡 moreSelect end -->

    <div class="cloud">
      <h3>标签云</h3>
      <ul>
         {% for tag in tags %}
            <a href="/getArticleByTag/{{tag.id}}">{{tag.tagsName}}</a>
         {% endfor %}
      </ul>
    </div>
    <div class="tuwen">
      <h3>图文推荐</h3>
      <ul>
        {% for article in articles %}
          <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <!--r_box end -->
</article>
{% include "footer.html" %}
</body>
</html>